<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="${BASE_PATH}/static/book/res/css/style.css"/>
		<link rel="stylesheet" type="text/css" href="${BASE_PATH}/static/book/res/lib/iconfont/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="${BASE_PATH}/static/book/res/css/layui.css"/>
	</head>
	<body>
		<div class="query">
			<!--顶部-->
			<div  class="book-dh1">
				<i class="icon iconfont icon-icecream-"></i>
				<div class="welcome">
					<span>欢迎来到小可爱图书馆！</span>
				</div>
				<div class="login-user">
					<span>当前登录用户：</span>
					<a href="">小可爱</a>
				</div>
			</div>
			<!--顶部结束-->
			<!--导航-->
			<div class="front-dh">
				<div class="dh-wdts">
					<span><a href="${BASE_PATH}/book/front/index/index.htm">我的图书馆</a></span>
				</div>
				<div class="dh-wdsc">
					<span><a href="${BASE_PATH}/book/front/collection/collection.htm">我的收藏</a></span>
				</div>
				<div class="dh-tsjy">
					<span><a href="${BASE_PATH}/book/front/borrow/borrow.htm">图书借阅</a></span>
				</div>
				<div class="dh-tscx">
					<span><a href="${BASE_PATH}/book/front/query/query.htm">图书查询</a></span>
				</div>
			</div>
			<!--导航结束-->
			<!--图书查询-->
			<div class="query-content">
				<div class="query-search">
					<input type="text" name="" id="" value="" />
					<button>搜索</button>
				</div>
				<div class="query-nr">
					<div class="nr-1">
						<img src="../res/img/ts1.jpg" />
						<span><a>《解忧杂货店》</a></span>
					</div>
					<div class="nr-2">
						<img src="../res/img/ts2.jpg" />
						<span><a>《那么慢，那么美》</a></span>
					</div>
					<div class="nr-3">
						<img src="../res/img/ts3.jpg" />
						<span><a>《偷影子的人》</a></span>
					</div>
					<div class="nr-4">
						<img src="../res/img/ts4.jpg" />
						<span><a>《岛上书店》</a></span>
					</div>
					<div class="nr-5">
						<img src="../res/img/ts5.jpg" />
						<span><a>《未来简史》</a></span>
					</div>
					<div class="nr-6">
						<img src="../res/img/ts6.jpg" />
						<span><a>《沙丘》</a></span>
					</div>
					<div class="nr-7">
						<img src="../res/img/ts7.jpg" />
						<span><a>《飞鸟集》</a></span>
					</div>
					<div class="nr-8">
						<img src="../res/img/ts8.jpg" />
						<span><a>《繁星·春水》</a></span>
					</div>
					
				</div>
			</div>
			<!--图书查询结束-->
			<!--推荐图书-->
			<div class="index-right">
				<h1>推荐图书</h1>
				<div class="right1">
					<img src="../res/img/ts1.jpg" />
					<span>解忧杂货店</span>
				</div>
				<div class="right2">
					<img src="../res/img/ts2.jpg" />
					<span>那么慢，那么美</span>
				</div>
				<div class="right3">
					<img src="../res/img/ts3.jpg" />
					<span>偷影子的人</span>
				</div>
				<div class="right4">
					<img src="../res/img/ts4.jpg" />
					<span>岛上书店</span>
				</div>
			</div>
			<!--推荐图书end-->
		</div>
	</body>
</html>
